{extend name="layout"}
{block name="main"}
<!--[if lt IE 9]>
<script type="text/javascript" src="/lib/html5.js"></script>
<script type="text/javascript" src="/lib/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="/static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="/static/h-ui/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="/static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="/lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="/static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="/static/h-ui.admin/css/style.css" />
s
<!--[if IE 6]>
<script type="text/javascript" src="http://lib.h-ui.net/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->


<section class="Hui-article-box">
    <nav class="breadcrumb"><i class="Hui-iconfont"></i> 首页
        <span class="c-gray en">&gt;</span>
        广告管理
        <span class="c-gray en">&gt;</span>
        广告列表
        <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont"></i></a>
    </nav>
    <div class="Hui-article">

        <div class="cl pd-20">
            广告状态:{if $adver.ad_status == 1}
                        开启
                        <input class="btn btn-danger radius" onclick="chgAdver(2,'关闭')" type="button" value="关闭">
                    {else/}
                        关闭
                        <input class="btn btn-success radius" onclick="chgAdver(1,'开启')" type="button" value="开启">
                    {/if}

        </div>

        <article class="cl pd-20">

            <div class="mt-20">
                <table class="table table-border table-bordered table-hover table-bg table-sort">
                    <thead>
                    <!--<tr class="text-c">
                        <th width="10">ID</th>
                        <th width="30">头像</th>
                        <th width="40">昵称</th>
                        <th width="30">城市</th>
                        <th width="30">积分</th>
                        <th width="60">加入时间</th>
                    </tr>-->
                    <tr class="text-c">
                        <th width="140">广告位置</th>
                        <th>广告图片</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>

                    <tr class="text-c">
                        <td width="140">主页广告</td>
                        <td><img src="{$adver.ad_zhuye_img1}" alt="" width="200" height="100" ></td>
                        <td class="f-14 td-manage">

                            <button class="btn radius btn-primary size-L" onClick="modaldemo(1)">修改</button>

                        </td>
                    </tr>
                    <tr class="text-c">
                        <td width="140">主页广告跳转页</td>
                        <td><img src="{$adver.ad_zhuye_img2}" alt="" width="100" height="200" ></td>
                        <td class="f-14 td-manage">

                            <button class="btn radius btn-primary size-L" onClick="modaldemo(2)">修改</button>
                            <input type="text" name="url" placeholder="推广链接" value="{$adver.zhuye_url}" data="1">

                        </td>
                    </tr>
                    <tr class="text-c">
                        <td width="140">列表广告</td>
                        <td><img src="{$adver.ad_list_img1}" alt="" width="200" height="100"  width="200" height="100" ></td>
                        <td class="f-14 td-manage">

                            <button class="btn radius btn-primary size-L" onClick="modaldemo(3)">修改</button>

                        </td>
                    </tr>

                    <tr class="text-c">
                        <td width="140">列表广告跳转页</td>
                        <td><img src="{$adver.ad_list_img2}" alt="" width="100" height="200"  ></td>
                        <td class="f-14 td-manage">

                            <button class="btn radius btn-primary size-L" onClick="modaldemo(4)">修改</button>
                            <input type="text" name="url" placeholder="推广链接" value="{$adver.list_url}" data="2" >

                        </td>
                    </tr>

                    <tr class="text-c">
                        <td width="140">详情页广告</td>
                        <td><img src="{$adver.ad_detail_img1}" alt="" width="200" height="100"></td>
                        <td class="f-14 td-manage">

                            <button class="btn radius btn-primary size-L" onClick="modaldemo(5)">修改</button>

                        </td>
                    </tr>

                    <tr class="text-c">
                        <td width="140">详情页广告跳转</td>
                        <td><img src="{$adver.ad_detail_img2}" alt="" width="100" height="200" ></td>
                        <td class="f-14 td-manage">

                            <button class="btn radius btn-primary size-L" onClick="modaldemo(6)">修改</button>

                            <input type="text" name="url" placeholder="推广链接" value="{$adver.detail_url}" data="3">
                        </td>
                    </tr>

                    <tr class="text-c">
                        <td width="140">我的</td>
                        <td><img src="{$adver.ad_my_img1}" alt="" width="200" height="100" width="200" height="100" ></td>
                        <td class="f-14 td-manage">

                            <button class="btn radius btn-primary size-L" onClick="modaldemo(7)">修改</button>

                        </td>
                    </tr>

                    <tr class="text-c">
                        <td width="140">我的跳转</td>
                        <td><img src="{$adver.ad_my_img2}" alt="" width="100" height="200" ></td>
                        <td class="f-14 td-manage">

                            <button class="btn radius btn-primary size-L" onClick="modaldemo(8)">修改</button>
                            <input type="text" name="url" placeholder="推广链接" value="{$adver.my_url}" data="4">

                        </td>
                    </tr>

                    <tr class="text-c">
                        <td width="140">轮播1</td>
                        <td><img src="{$adver.ad_lb1}" alt="" width="200" height="100" ></td>
                        <td class="f-14 td-manage">

                            <button class="btn radius btn-primary size-L" onClick="modaldemo(9)">修改</button>

                        </td>
                    </tr>

                    <tr class="text-c">
                        <td width="140">轮播2</td>
                        <td><img src="{$adver.ad_lb2}" alt="" width="200" height="100" ></td>
                        <td class="f-14 td-manage">

                            <button class="btn radius btn-primary size-L" onClick="modaldemo(10)">修改</button>

                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </article>
    </div>

</section>



{/block}


{block name="js"}
<script type="text/javascript" src="/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="/static/h-ui/js/H-ui.js"></script>
<script type="text/javascript" src="/static/h-ui.admin/js/H-ui.admin.page.js"></script>


<script type="text/javascript">
    function modaldemo(index){
        //页面层
        layer.open({
            type: 1,
            skin: 'layui-layer-rim', //加上边框
            area: ['420px', '240px'], //宽高
            content: '<form action="/admin/adver/chgImg" method="post" enctype="multipart/form-data"><input type="file" name="image" style="margin-top: 30px;margin-left: 10px" required> <input type="hidden" name="index" value="'+index+'"> <input style="margin-top: 30px;margin-left: 10px" class="btn radius btn-success" type="submit" value="修改"></form>'
        });
    }

    $('input[name=url]').blur(function () {

        var url = $(this).val();
        var data = $(this).attr('data');
        if (!url) {
            layer.alert("请输入链接");
            return false;
        }

        $.post("/admin/adver/chgUrl",{data:data,url:url},function (e) {
            if(e.code == 200){
                layer.msg('已更新!',{icon:1,time:1000});
            }else{
                layer.msg('更新失败!',{icon:2,time:1000});
            }
        })

    })

    function chgUrl(that,index) {
        console.log(that)
    }
    $(function(){
        // $('.table-sort').dataTable({
        //     "aaSorting": [[ 1, "desc" ]],//默认第几个排序
        //     "bStateSave": true,//状态保存
        //     "aoColumnDefs": [
        //         //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
        //         {"orderable":false,"aTargets":[0,2,4]}// 制定列不参与排序
        //     ]
        // });
        $('.table-sort tbody').on( 'click', 'tr', function () {
            if ( $(this).hasClass('selected') ) {
                $(this).removeClass('selected');
            }
            else {
                //table.$('tr.selected').removeClass('selected');
                $(this).addClass('selected');
            }
        });
    });
    /*用户-添加*/
    function member_add(title,url,w,h){
        layer_show(title,url,w,h);
    }
    /*用户-查看*/
    function member_show(title,url,id,w,h){
        layer_show(title,url,w,h);
    }
    /*用户-停用*/
    function member_stop(obj,id){
        layer.confirm('确认要停用吗？',function(index){
            $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="member_start(this,id)" href="javascript:;" title="启用"><i class="Hui-iconfont">&#xe6e1;</i></a>');
            $(obj).parents("tr").find(".td-status").html('<span class="label label-defaunt radius">已停用</span>');
            $(obj).remove();
            layer.msg('已停用!',{icon: 5,time:1000});
        });
    }

    /*用户-启用*/
    function member_start(obj,id){
        layer.confirm('确认要启用吗？',function(index){
            $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="member_stop(this,id)" href="javascript:;" title="停用"><i class="Hui-iconfont">&#xe631;</i></a>');
            $(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已启用</span>');
            $(obj).remove();
            layer.msg('已启用!',{icon: 6,time:1000});
        });
    }
    /*用户-编辑*/
    function member_edit(title,url,id,w,h){
        layer_show(title,url,w,h);
    }
    /*密码-修改*/
    function change_password(title,url,id,w,h){
        layer_show(title,url,w,h);
    }
    /*用户-删除*/
    function member_del(obj,id){
        layer.confirm('确认要删除吗？',function(index){

            $.post("/admin/index/delReply",{id:id},function (e) {
                if(e.code == 200){
                    $(obj).parents("tr").remove();
                    layer.msg('已删除!',{icon:1,time:1000});
                }else{
                    layer.msg('删除失败!',{icon:2,time:1000});
                }
            })

        });
    }

    function chgAdver(sta,msg) {
        layer.confirm('确认要'+msg+'吗？',function(index){

            $.post("/admin/adver/chgAdver",{sta:sta},function (e) {
                if(e.code == 200){
                    layer.msg('已'+msg+'!',{icon:1,time:1000});
                }else{
                    layer.msg(''+msg+'失败!',{icon:2,time:1000});
                }
                location.reload();
            })

        });
    }

</script>

{/block}